<template>
	<div class="stroy">
		
		<header class="head">
	<div class="middleHead">
		<i class="iconfont icon-chakantiezigengduo"></i>
		<img src="/static/img/yanxuan/head.png" class="headWord">
		<div class="shoppingIcon">
			<i class="iconfont icon-gouwuche"></i>
			<i class="iconfont icon-icon"></i>
		</div>
	</div>
	<div class="nav">
		<div class="middleNav">
			<ul class="navUl">
				<li class="navLi01 navLi02">故事<div class="border"></div></li>
				<li class="navLi01 " @click="goproduct">好货<div class="border"></div></li>
				<li class="navLi01" @click="goserve">服务<div class="border"></div></li>
			</ul>
		</div>
		<img src="/static/img/yanxuan/navLine.png" class="navLine"/>
	</div>
</header>

<div class="content">
<div class="stroyList">
	<a class="stroyCont">
		<div class="storyPW">
			<img src="/static/img/yanxuan/stroy1.jpg" class="img"/>
			<span class="span"><i class="iconfofnt icon-yanjing"></i>27226</span>
		</div>
		<h3 class="title">你戴的防雾霾口罩真的有效吗？</h3>
		<p class="smallTit">了解防霾真相，微医严选实验室口罩真实测评</p>
	</a>
	<a class="stroyCont">
		<div class="storyPW">
			<img src="/static/img/yanxuan/stroy2.jpg" class="img"/>
			<span class="span"><i class="iconfofnt icon-yanjing"></i>27226</span>
		</div>
		<h3 class="title">复杂世界里，一颗红糖就够了？</h3>
		<p class="smallTit">从贵州深山纳桑小村走出的古法红糖。</p>
	</a>
	<a class="stroyCont">
		<div class="storyPW">
			<img src="/static/img/yanxuan/stroy3.jpg" class="img"/>
			<span class="span"><i class="iconfofnt icon-yanjing"></i>27226</span>
		</div>
		<h3 class="title">黑科技，想知道你的天赋所在吗？</h3>
		<p class="smallTit">发掘天赋优势，检测疾病隐患，健康人生路。</p>
	</a>
	<a class="stroyCont">
		<div class="storyPW">
			<img src="/static/img/yanxuan/stroy4.jpg" class="img"/>
			<span class="span"><i class="iconfofnt icon-yanjing"></i>27226</span>
		</div>
		<h3 class="title">你戴的防雾霾口罩真的有效吗？</h3>
		<p class="smallTit">了解防霾真相，微医严选实验室口罩真实测评</p>
	</a>
	<a class="stroyCont"style="margin-bottom: 0;border: none;">
		<div class="storyPW">
			<img src="/static/img/yanxuan/stroy5.jpg" class="img"/>
			<span class="span"><i class="iconfofnt icon-yanjing"></i>27226</span>
		</div>
		<h3 class="title">宝妈秘籍</h3>
		<p class="smallTit">宝宝的健康成长，需要妈妈辩证施治的慧眼。</p>
	</a>
</div>
<div class="noMore">没有更多了~</div>
</div>
<foot></foot>
</div>
</template>

<script>
import Foot from "../components/commons/Foot"
    export default {
        data() {
            return {}
        },
        components:{
					Foot
				},
        methods:{
          goserve:function () {
            this.$router.push("/Serve")
          },
          goproduct:function(){
          	this.$router.push("/YanXuanProduct")
          }
        }
       }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "../assets/css/stroy.css";
</style>
